<script setup lang="ts">
defineProps<{
  title?: string
}>()
</script>

<template>
  <div class="pure-table-bar w-[99/100] mt-6 p-2 bg-el-bg">
    <div
      v-if="title || $slots.buttons || $slots.title"
      class="flex justify-between w-full h-[60px] p-4"
    >
      <slot name="title">
        <p>{{ title }}</p>
      </slot>
      <div v-if="$slots.buttons" class="flex items-center justify-around">
        <div class="flex mr-4">
          <slot name="buttons" />
        </div>
      </div>
    </div>
    <slot name="table" />
  </div>
</template>
